<!-- 在 Button 组件中，它接收一个 text 的参数，
这里的 text 参数只是单纯为了显示按钮的文本，没有用于其它操作。
但有时候我们使用 Button 组件时，想 text 外面在加些样式，比如加个 <strong> 标签或者 text旁边放个图标，
显示我们当前的方式满足不了需求。像这种情况，我们用 slot 方式来代替 props  会更合适： -->

<template>
  <!-- <Button :text="text"></Button> -->
  <Button :text="text">点击我<strong>领取</strong>前端资源</Button>
</template>
<script>
import Button from "./button.vue";
export default {
  name: '',
  components: {
    Button
  },
  data() {
    return {
        text: '点击我'
    }
  },
  methods: {
   
  }
}
</script>
<style>
</style>